@charset "utf-8";
/* CSS Document */
body{ font:12px/1.5 Source Han Sans,Geneva,sans-serif; color:#333; margin:0 auto; padding:0; background:#fff; overflow-x:hidden;}
html{ overflow-x:hidden;}
/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all 0.6s;}
a:hover{ color:#61c3d0; text-decoration:none;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;}

/*公用样式*/
div,table,tr,th,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; font-family:"Source Han Sans,Geneva,sans-serif"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
input[type="button"],input[type="reset"]{ transition:all 0.6s;}
.wrap{ width:100%; overflow-x:hidden;}
.w{ max-width:1400px; width:84%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}

::-webkit-scrollbar{width:8px;height:6px;}
::-webkit-scrollbar-track-piece{margin-right:10px; background-color:#EEE; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:vertical{height:8px; background-color:#DDD; -webkit-border-radius:8px;}
::-webkit-scrollbar-thumb:horizontal{ width:6px; background-color:#EEE; -webkit-border-radius:8px;}

.header-fixed{ background:rgba(7,55,99,.59); height:75px; position:fixed; top:0; left:0; z-index:1000; width:100%;}
.header .w{ position:relative; padding-right:150px; max-width:1600px; width:94%;}
.logo a{ display:inline-block;}
.logo img{ height:45px;}
.nav{ width:60%;}
.nav li{ position:relative;}
.nav li:nth-child(1){ display:none;}
.nav li a{ display:inline-block; line-height:45px; font-size:14px; color:#fff; padding:0 25px;}
.nav li.cur a{ background:rgb(97,195,208);}

.lag{ position:absolute; right:0; top:0; line-height:45px;}
.lag a{ color:#fff;}
.lag i{ padding:0 10px; color:#fff;}
.lag a:hover{ color:rgb(97,195,208);}

.banner{ width:100%;}
.banner .swiper-slide{ height:680px;}
.banner .swiper-pagination{ bottom:25px;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; opacity:.5; margin:0 8px!important; border-radius:15px; transition:all 0.6s;}
.banner .swiper-pagination-bullet-active{ opacity:1;}

.titc{ font-weight:bold; font-size:24px; line-height:1.2; padding:55px 0;}
.titc em{ color:#61c3d0; border-right:2px solid #ddd; width:89px; margin-right:34px;}
.titc span{ color:#ccc;}
.titc font{ display:block;}

.con1{ padding:30px 0;}
.con1_list{ padding-top:10px;}
.con1_list li{ width:45%; position:relative; padding-right:7.5%; margin-bottom:70px;}
.con1_list li a{ display:block;}
.con1_list li .txt{ border:1px solid #eee; background:#f6f6f6; padding:35px 25px; height:240px; transition:all 0.6s;}
.con1_list li .txt h3{ font-weight:bold; font-size:24px; margin-bottom:13px; color:#333;}
.con1_list li .txt p{ font-size:16px; color:#999;}
.con1_list li .txt em{ display:inline-block; border-radius:1000px; background:#fff; line-height:30px; padding:0 40px; color:#666; margin-top:35px; transition:all 300ms ease-in-out;}
.con1_list li .pic{ position:absolute; top:50%; right:0; height:196px; width:auto; transform:translate(0,-50%); width:270px;}
.con1_list li.hover .txt{ transform:translateY(-3px); -webkit-box-shadow:0 3px 5px rgba(102, 102, 102, 0.35); -moz-box-shadow:0.000000px 3.000000px 5px rgba(102, 102, 102, 0.35); -ms-box-shadow:0.000000px 3.000000px 5px rgba(102, 102, 102, 0.35); box-shadow:0 3px 5px rgba(102, 102, 102, 0.35); transition:box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s;}
.con1_list li.hover .txt em{ background:#61c3d0; color:#fff;}

.con2{ background:#f7f7f7; padding:30px 0 85px 0; position:relative;}
.con2 #yy{ position:absolute; left:0; top:-75px; font-size:0; overflow:hidden;}
.con2_c{ position:relative; margin-top:20px;}
.con2_c:after{ content:""; display:block; position:absolute; left:0; right:0; top:5%; bottom:10%; background:#efefef; font-size:0; overflow:hidden; z-index:1;}
.con2_w{ max-width:1600px; width:100%; margin:0 auto;}
.con2_w em{ font-size:24px; position:absolute; right:30px; bottom:20px; display:block; color:#fff; font-weight:bold;}
.foucs{ margin:0; width:41.9625%; z-index:2;}
.foucs img{ display:block; width:100%;}
.foucs .swiper-pagination{ bottom:30px;}
.foucs .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:.5; margin:0 5px!important; border-radius:10px; transition:all 0.6s;}
.foucs .swiper-pagination-bullet-active{ opacity:1; width:30px;}
.con2_rt{ width:57.6%; position:relative; z-index:2;}
.con2_rt li{ position:relative; overflow:hidden;}
.con2_rt li.li1{ width:53.92284482758621%;}
.con2_rt li.li2{ width:45.32284482758621%;}
.con2_rt li.li3{ width:100%; margin-top:0.7595486111111111%;}
.con2_rt li a{ display:block; position:relative;}
.con2_rt li a:before{ position:absolute; top:50%; left:50%; z-index:2; display:block; content:''; width:100%; height:100%; background:rgba(255, 255, 255, 0.2); border-radius:100%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); opacity:0;}
.con2_rt li img{ display:block; width:100%;}
.con2_rt li a:hover{ transition:box-shadow .3s, border .3s, background-color .3s, color .3s;}
.con2_rt li a:hover:before{ -webkit-animation:disperse .75s; -moz-animation:disperse .75s; -o-animation:disperse .75s; animation:disperse .75s;}
@-webkit-keyframes disperse{
    0%{
        opacity: 1
    }

    40%{
        opacity: 1
    }

    100%{
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-moz-keyframes disperse{
    0%{
        opacity: 1
    }

    40%{
        opacity: 1
    }

    100%{
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-o-keyframes disperse{
    0%{
        opacity:1
    }

    40%{
        opacity:1
    }

    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}

@keyframes disperse{
    0%{
        opacity:1
    }

    40%{
        opacity:1
    }

    100%{
        width:200%;
        height:200%;
        opacity:0
    }
}

.con3{ padding:30px 0 85px 0;}
.con3_c{ position:relative; padding:0 30px;}
.con3_c .swiper{ width:100%; height:286px;}
.con3_c .swiper-slide{ background:#f7f7f7; height:calc((100% - 6px) / 2)!important; display:flex; justify-content:center; align-items:center;}
.con3_c .swiper-slide img{ height:100%; max-width:100%;}
.con3_c .swiper-slide:hover{ border:5px solid #61c3d0;}
.con3_c .swiper-button-prev,.con3_c .swiper-button-next{ width:28px; height:54px; background:#9bd9e1;}
.con3_c .swiper-button-prev{ left:-10px;}
.con3_c .swiper-button-next{ right:-10px;}
.con3_c .swiper-button-prev:after,.con3_c .swiper-button-next:after{ font-size:14px; color:#333; transition:all 0.6s;}
.con3_c .swiper-button-prev:hover:after,.con3_c .swiper-button-next:hover:after{ color:#fff;}

.page{ padding-bottom:60px; display:flex; justify-content:center;}
.page a{ background:#fff; border:1px solid #eee; border-radius:5px; font-size:14px; line-height:32px; padding:0 12px; margin:0 6px;}
.page a.cur,.page a:hover{ border-color:#1b9aa9; color:#1b9aa9;}

.com li .pic img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%;}
.com li.hover .pic img{ transform:scale(1.05);}

.footer{ background:url(../images/fbg.png) #010814 center center no-repeat; background-size:1920px cover; padding:70px 0 60px 0;}
.footer .w{ border-bottom:1px solid #999; max-width:1300px; padding-bottom:35px; width:90%;}
.f_logo{ padding:3px 0;}
.f_logo a{ display:inline-block;}
.f_logo img{ display:block; height:63px;}
.f_rt{ width:55%;}
.f_rt .txt{ font-size:14px; line-height:1.6; color:#fff; border-bottom:1px solid #999; padding-bottom:35px;}
.f_rt ul{ padding:18px 0;}
.f_rt ul li{ width:48%;}
.f_rt ul li p{ font-size:16px; color:#999;}
.f_rt ul li em{ display:block; font-size:24px; color:#fff; padding:6px 0 15px 0; font-weight:bold;}
.f_rt ul li span{ display:block; font-size:18px; color:#fff; font-weight:bold; padding-top:13px; text-transform:uppercase;}
.foot{ color:#fff; font-size:16px; padding:40px 0 0 0;}
.foot font{ padding-left:50px;}

.nyban{ height:378px; width:100%; position:relative;}
.nyban .w{ position:absolute; bottom:20%; left:50%; transform:translate(-50%,0); max-width:1600px; width:94%;}
.nyban .titc{ padding:0;}
.nyban .titc em{ color:#fff; border-right-color:#fff;}
.nyban .titc span{ color:#fff;}

.ny_tit{ text-align:center; font-size:36px; line-height:1.2; padding:50px 0 45px 0;}
.ny_tit em{ display:block; color:#eee; font-family:Arial,Helvetica,sans-serif; margin-bottom:-3px;}
.ny_tit span{ display:inline-block; position:relative; color:#61c3d0; font-family:Microsoft JhengHei;}
.ny_tit span:before,.ny_tit span:after{ content:""; display:block; position:absolute; top:50%; width:300px; background:#ddd; height:1px; z-index:5; font-size:0; overflow:hidden;}
.ny_tit span:before{ left:-345px;}
.ny_tit span:after{ right:-345px;}

.ab_txt{ font-size:16px; line-height:1.75; color:#777; padding:0 0 100px 0;}

.pro_w{ max-width:1600px; width:94%;}
.pro_class{ text-align:center; padding:80px 0;}
.pro_class *{ transition:all 0.6s;}
.pro_class li{ width:22%; position:relative; background:#f5f5f5;}
.pro_class li i{ display:inline-block; width:18px; height:11px; background:url(../images/point.png) 0 0 no-repeat; position:absolute; right:20px; top:50%; margin-top:-5.5px;}
.pro_class li em{ display:block; line-height:64px; font-size:20px; color:#999; font-weight:bold;}
.pro_class li em a{ color:#999;}
.pro_class li span{ position:absolute; left:0; right:0; top:100%; display:none;}
.pro_class li span a{ display:block; color:#62bac6; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#eef8f9; width:100%; line-height:54px; margin-top:5px; font-size:16px;}
.pro_class li span a:hover,.pro_class li.hover{ background:#62bac6; color:#fff;}
.pro_class li.hover em,.pro_class li.hover em a{ color:#fff;}
.pro_class li.hover i{ display:none;}
.pro_class li.hover span{ display:block;}
.pro_tit{ text-align:center; padding:45px 6%;}
.pro_tit em{ display:block; color:#61bac5; font-size:24px; font-weight:bold; margin-bottom:9px;}
.pro_tit span{ font-size:36px; color:#61bac5; display:inline-block; position:relative; padding-bottom:25px; margin-bottom:25px;}
.pro_tit span:after{ content:""; display:block; position:absolute; bottom:0; left:5%; right:5%; background:#61bac5; height:3px; z-index:5; font-size:0; overflow:hidden;}
.pro_tit p{ font-size:18px; color:#666;}
.pro_show{ padding-bottom:80px;}
.pro_gg{ color:#61bac5; font-size:36px; font-family:Microsoft JhengHei; padding-bottom:50px;}
.pro_txt{ font-size:16px; line-height:2; color:#666; width:60%;}
.pro_img{ width:38%; position:relative;}
.pro_img .pro_big{ width:100%; margin:0;}
.pro_img .pro_big img{ width:100%; display:block;}
.pro_small{ width:calc(100% - 80px); margin:10px auto 0 auto;}
.pro_small .swiper-slide{ border:2px solid #fff;}
.pro_small .swiper-slide img{ max-width:100%; height:70px;}
.pro_small .swiper-slide-thumb-active{ border-color:#61bac5;}
.pro_img .swiper-button-next,.pro_img .swiper-button-prev{ background:#363434; color:#fff; margin:0; top:inherit; width:30px; height:74px; bottom:0; transition:all 0.6s;}
.pro_img .swiper-button-prev{ left:0;}
.pro_img .swiper-button-next{ right:0;}
.pro_img .swiper-button-next:after,.pro_img .swiper-button-prev:after{ font-size:14px;}
.pro_img .swiper-button-next:hover,.pro_img .swiper-button-prev:hover{ background:#61bac5; color:#fff;}
.adv{ padding:0 0 80px 0;}
.a_tit{ text-align:center;}
.a_tit em{ display:inline-block; position:relative; font-size:36px; font-weight:bold; padding-bottom:5px;}
.a_tit em:after{ content:""; display:block; position:absolute; bottom:0; left:-5%; right:-5%; background:#333; height:2px; z-index:5; font-size:0; overflow:hidden;}
.adv_list{ text-align:center; width:102.9%; padding:10px 0 0 0;}
.adv_list li{ background:#f4f4f4; margin:2.9% 2.9% 0 0; width:30.43333333333333%; min-height:265px; padding-top:20px; transition:all 0.6s;}
.adv_list li img{ display:block; margin:0 auto; height:112px;}
.adv_list li em{ font-size:24px; color:#61bac5; margin:6px 0 10px 0; display:block;}
.adv_list li em sup{ font-size:12px; margin-right:3px;}
.adv_list li p{ font-size:18px; color:#666;}
.adv_list li.hover{ transform:translateY(-3px); -webkit-box-shadow:0 3px 5px rgba(102, 102, 102, 0.35); -moz-box-shadow:0.000000px 3.000000px 5px rgba(102, 102, 102, 0.35); -ms-box-shadow:0.000000px 3.000000px 5px rgba(102, 102, 102, 0.35); box-shadow:0 3px 5px rgba(102, 102, 102, 0.35); transition:box-shadow .3s, border .3s, background-color .3s, color .3s, transform .3s;}

.location{ line-height:30px; font-size:14px; padding:40px 0 30px 0; color:#666;}
.location a{ color:#666;}
.location a:hover{ color:#1b9aa9;}
.location i{ padding:0 6px;}
.news_list{ padding:10px 0 20px 0;}
.news_list li{ margin-bottom:30px;}
.news_list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; overflow:hidden;}
.news_list li .pic{ margin-right:2.380952380952381%; width:24.6031746031746%; min-width:262px;}
.news_list li .pic img{ display:block; width:100%;}
.news_list li h3{ font-size:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.news_list li .txt_c{ color:#333; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.news_list li .txt_c p{ margin:10px 0;}
.news_list li .txt_c p a{ color:#0f60bb;}
.news_list li .time{ padding-top:5px; font-size:14px; color:#999;}
.case_list li .txt_c{ color:#888; font-size:14px;}
.news_dt_tit{ position:relative; text-align:center;}
.news_dt_tit h3{ font-size:24px; font-weight:bold; color:#222;}
.new_other{ font-size:14px; color:#949494; margin-top:15px;}
.new_other em{ padding:0 10px;}
.news_txt{ font-size:16px; line-height:1.75; color:#777; padding:15px 0 100px 0;}
.news_txt img{ margin:.5em auto; max-width:100%; display:block;}
.news_txt p{ text-indent:2em; margin:1em 0;}

.talent{ padding:5px 0 55px 0;}
.talent .talentc{ width:100%; margin-bottom:45px; display:flex; justify-content:space-between;}
.talent .talentc:nth-child(2n+1){ flex-wrap:wrap;}
.talent .talentc:nth-child(2n){ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; flex-flow:row-reverse wrap;}
.talent .pic{ width:48%;}
.talent .pic img{ display:block; width:100%;}
.talent .txt{ width:49%; line-height:1.75;}
.talent .txt em{ display:block; font-size:24px; color:#1b9aa9; padding-top:10px;}
.talent .txt em:first-child{ padding-top:0;}
.talent .txt p{ font-size:20px; color:#777;}

.contant{ background:rgb(25,44,59); padding:0 0 50px 0;}
.contant .pic{ width:48%;}
.contant .pic img{ display:block; width:100%;}
.contant .txt{ width:48%; font-size:16px; color:#fff; line-height:24px;}
.contant .txt p{ padding:12px 0; overflow:hidden;}
.contant .txt p img{ float:left; height:24px; margin-right:10px;}
.contant .clear{ width:100%;}
.form_txt{ width:100%; padding:0 0 120px 0;}
.form_txt .tit{ line-height:1.75; width:45%;}
.form_txt .tit em{ font-size:26px; color:#666; display:block;}
.form_txt .tit p{ font-size:22px; color:#aaa;}
.f_intxt{ border:1px solid #ccd1d9; font-size:14px; line-height:24px; padding:6px 12px; width:100%; resize:none;}
.form_list{ width:50.5%; padding:28px 0 0 0;}
.form_list li{ margin-top:12px; overflow:hidden;}
.f_inbut{ color:#fff; border:none; line-height:38px; background:#609EE9; text-align:center; width:100px; cursor:pointer; float:right; border-radius:2px; font-size:14px;}
.f_inbut:hover{ background:#5795E0;}